<!-- 目的地 -->
<template>
  <div>
    <global-header-ts></global-header-ts>
    <top-banner></top-banner>
    <div style="width:100%;background-color:#fff;">
      <hotDestination></hotDestination>
    </div>
    <quarter></quarter>
    <div style="width:100%;background-color:#fff;">
      <theme></theme>
    </div>
    <global-destinations></global-destinations>
    <Footer></Footer>
    <FooterEnd></FooterEnd>
    <back-top></back-top>
  </div>
</template>

<script>
import globalHeaderTs from "@/components/GlobalHeader-ts";
import topBanner from "@/components/Destination/topBanner";
import hotDestination from "@/components/Destination/hotDestination";
import quarter from "@/components/Destination/quarter";
import theme from "@/components/Destination/theme";
import globalDestinations from "@/components/Destination/globalDestinations";
import Footer from "@/components/Footer";
import FooterEnd from "@/components/FooterEnd";
import backTop from '@/components/backTop'
export default {
  data() {
    return {};
  },

  components: {
    globalHeaderTs,
    topBanner,
    hotDestination,
    quarter,
    theme,
    globalDestinations,
    Footer,
    FooterEnd,
    backTop
  },
  methods: {}
};
</script>
<style scoped lang="stylus" ref="stylesheet/stylus"></style>